<template>
  <div class="Recommend_wrap">
    <div class="title_wrap">
      <i class="el-icon-s-opportunity"></i>&nbsp;&nbsp;
      <Mtitle
        title="产地介绍"
        width="100"
        :height="14"
        fontSize="24"
        titleColor="#424242"
        backgColor="#FFECCC"
        :marginTop="25"
        :marginBottom="25"
      ></Mtitle>
    </div>
    <div class="arower_card">
      <p>
        养蜂历来是甘肃农村一项传统的家庭副业。古代人把蜜蜂作为吉祥、勤劳、幸福、甜蜜的象征。沿袭至今，边远山区仍有“蜂是飞财，无缘不来”之说。在我们这大山里蜜源植物和蜂种资源丰富。据调查，甘肃蜜粉源植物有651种，分属89科286届。主要蜜源植物有19种，花蜜蕴藏量可达4万多吨。花种有油菜、泡桐、刺槐（洋槐）、紫苜蓿、芸芥、草木樨、党参 、百里香、荞麦、向日葵等。
      </p>
    </div>
    <!-- 蜜源特点 -->
    <div class="title_wrap">
      <i class="el-icon-s-opportunity"></i>&nbsp;&nbsp;
      <Mtitle
        title="蜜源特点"
        width="100"
        :height="14"
        fontSize="24"
        titleColor="#424242"
        backgColor="#FFECCC"
        :marginTop="25"
        :marginBottom="25"
      ></Mtitle>
    </div>
    <div class="arower_card">
      <p>
        1.夏秋蜜源多，而春季蜜源少
        19种主要蜜源植物花期，绝大多数开花泌蜜都在5月左右。
      </p>
      <p>
        2.泌蜜量大，产量比较稳定
        本省大陆性气候明显，日照时间长，日温差较大，利于花蜜的分泌，故产量比较稳定，蜂蜜浓度也高。
      </p>
      <p>
        3.花期长，产品质量好
        由于地形复杂，地域辽阔，东西跨越2000km，从东到西，花期可达8个月之久。蜂产品无污染。
      </p>
    </div>

    <!-- 品种分类 -->
    <div class="title_wrap">
      <i class="el-icon-s-opportunity"></i>&nbsp;&nbsp;
      <Mtitle
        title="品种分类"
        width="100"
        :height="14"
        fontSize="24"
        titleColor="#424242"
        backgColor="#FFECCC"
        :marginTop="25"
        :marginBottom="25"
      ></Mtitle>
    </div>
    <p class="kind_wrap_jieshao">蜂蜜有单花蜜和多花蜜之分，市场上最为常见的是单花蜜，比如洋槐蜜、荆条蜜、枣花蜜等等，多花蜜是包含两种或两种以上蜜源的蜂蜜品种，也叫杂花蜜，百花蜜也是多花蜜的一种叫法。蜂蜜是由葡萄糖、果糖、蔗糖、麦芽糖、"蜂蜜糊精"等所组成的混合物。最新研究发现蜂蜜是一种高度复杂的糖类混合物除了葡萄糖、果糖、蔗糖和麦芽精外，还含有麦芽二糖、a一海藻糖，海藻糖、昆布二糖、松三糖等。当然，这些糖大多数都不存在于花蜜里，因此人们认为可能是蜜蜂在酿造过程中或在蜂蜜的贮藏中，通过酶及蜂蜜里的酸类作用而形成的。蜂蜜之所以具有甜度、吸湿性及高能量，是果糖和葡萄糖占绝对优势的缘故。蜂蜜中蛋白质的含量，平均为0.3%，变化范围是0.1%～ 2.42%。氨基酸含量平均 0. 00476%，变化范围0.0008%一0.0375%，蛋白质是生命代谢过程中的特殊介质，是所有器官和组织的基本物质。</p>
    <div class="fl_card">
      <div v-for="(item, index) in miData" @click="kind(item.id)">
        <p>
          <i style="color: #fa9108" class="el-icon-paperclip"></i>
          {{ item.title }}
        </p>
        <p>{{ item.lable }}</p>
        <div>
          <img :src="item.pic" alt="" />
        </div>
      </div>
    </div>
    <p class="more" @click="$router.push('/kinddetail')">查看价格</p>

    <!-- 营养价值 -->
    <div class="title_wrap">
      <i class="el-icon-s-opportunity"></i>&nbsp;&nbsp;
      <Mtitle
        title="营养价值"
        width="100"
        :height="14"
        fontSize="24"
        titleColor="#424242"
        backgColor="#FFECCC"
        :marginTop="25"
        :marginBottom="25"
      ></Mtitle>
    </div>
    <div class="arower_cards">
      <p>
        <b>⭐</b>
        纯天然土蜂蜜是土蜂采集森林野山花蜜充分酿制而成的蜂蜜。味道甜润，略带微酸，口感绵软细腻，爽口柔和，喉感略带辣味，余味清香悠久，含有多种能被人体直接吸收的微量元素，《本草纲目》中记述其对人体健康价值高，是药引的首选蜜，堪称“蜜中精品”，也由于酿蜜周期长、蜜源稀少被誉为“蜜之珍品”。
        含有丰富的有机酸、蛋白质、维生素、酶和生物活性物质等多种营养成份，具有润肠、润肺、解毒、养颜、增强人体免疫力等功效。
      </p>
      <p>
        <b>⭐</b>
        纯天然土蜂蜜含有丰富的蛋白质、氨基酸、维生素、微量元素和酶类、核酸、黄酮类等100多种营养物质，是浓缩的天然药库。土蜂蜜能增强人体免疫功能，提高机体抗病能力。食用土蜂蜜还可以防止咳嗽、失眠、心脑血管疾病、消化不良、便秘、胃肠病、保肝护肝、防癌抗癌、延年益寿等，对防衰抗皱、消斑、护肤养颜有较好的作用，尤其对中年妇女效果更加显著。儿童食用土蜂蜜能促进生长发育、健脑益智。对于老年人来说，纯天然蜂蜜是老年人的黄金。
      </p>
    </div>
  </div>
</template>

<script>
import "../../styles/animate.css";
import Mtitle from "../global_title.vue";
export default {
  name: "HoneyRecommend",

  data() {
    return {
      miData: [
        {
          id: 1,
          title: "百花蜜",
          lable:
            "百花蜜采于的百花丛中，集百花之精华。清香甜润，营养滋补，消热解毒，润肠通便，安五脏、补不足等功效，是传统蜂蜜品种。蜜色泽深。百花蜜是多种花蜜酿成的混合蜂蜜，味甜，具有天然蜜的香气，营养成分比较多。",
          pic: require("../../assets/mi_pic/a1.jpg"),
        },
        {
          id: 2,
          title: "洋槐花蜜",
          lable:
            "洋槐蜂蜜又名刺槐蜂蜜、槐花蜂蜜，是我国出口创汇的上等蜂蜜，其特点为颜色浅、味鲜洁、甜而不腻、有洋槐特有的清香味，不易结晶，结晶后呈细粒状或油脂状，颜色为水白色，为上等蜂蜜。",
          pic: require("../../assets/mi_pic/b2.jpg"),
        },
        {
          id: 3,
          title: "油菜花蜜",
          lable:
            "油菜蜜呈浅琥珀色，结晶前是浅琥珀色、略浑浊，结晶后为白色或者浅白色，有油菜花的香气，略具辛辣味，贮放日久辣味减轻，味道甜润，极易结晶，结晶后呈乳白色， 晶体呈细粒或油脂状。",
          pic: require("../../assets/mi_pic/c1.jpg"),
        },
      ],
    };
  },

  mounted() {},
  methods: {
    kind(id) {
      this.$router.push({ path: "/kind", query: { id } });
    },
  },
  destroyed() {},

  components: {
    Mtitle,
  },
};
</script>

<style lang="scss" scoped>
.Recommend_wrap {
  margin: 40px auto;
  width: 1170px;
  height: auto;
  /* background: rgb(157, 157, 202); */
  .title_wrap {
    display: flex;
    align-items: center;

    > i {
      color: rgb(250, 145, 8);
      font-size: 24px;
    }
  }
  .arower_card {
    margin-bottom: 50px;
    > p {
      margin-bottom: 5px;
      font-size: 20px;
      font-family: PingFang SC;
      font-weight: 400;
      line-height: 36px;
      color: #8a8a8a;
    }
  }
  .arower_cards {
    margin-bottom: 80px;
    > p {
      margin-bottom: 20px;
      font-size: 20px;
      font-family: PingFang SC;
      font-weight: 400;
      line-height: 36px;
      color: #8a8a8a;
    }
  }
  .fl_card {
    margin: 20px 0 50px 0;
    display: flex;
    justify-content: space-between;
    > div {
      cursor: pointer;
      padding: 20px;
      box-sizing: border-box;
      width: 360px;
      height: 472px;
      background: #ffffff;
      box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.05);
      border-radius: 40px;
      > p:nth-child(1) {
        font-weight: bold;
        font-size: 18px;
      }
      > p:nth-child(2) {
        color: rgb(121, 118, 118);
        font-weight: 500;
        margin: 10px 0 30px 0;
        font-size: 16px;
      }
      > div {
        width: 100%;
        height: 200px;
        border-radius: 5px;
        overflow: hidden;
        > img {
          width: 100%;
          height: auto;
        }
      }
    }
  }
}
.more {
  margin: 20px auto;
  width: 280px;
  height: 80px;
  border: 2px solid #e9e9e9;
  opacity: 1;
  border-radius: 20px;
  line-height: 80px;
  font-size: 24px;
  font-family: PingFang SC;
  color: #999999;
  text-align: center;
  cursor: pointer;
  transition: all 0.1s;
}
.more:hover {
  color: #3a9ed8 !important;
  transform: translateY(-5px);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.07);
}
.kind_wrap_jieshao{
  margin:20px 0;
  font-size: 18px;
  line-height: 2;
  color: #8a8a99;
}
</style>